<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			table{  
    			width:600px;  
    			border: 1px solid black;
    		} 
			table tr td{
			  	border: 1px solid black;
			  	width: 52px;
			}
		</style>
		<script type="text/javascript">
//			1.for循环
//			2.white循环
//			3.do...while循环
//			for(起始条件;循环条件;步长){
//				为所欲为的代码
//				重复做的事情
//			}
			for(var i=0;i<10;i++){
				console.log("升哥")
			}
			
//			white(循环条件){
//				
//			}
//			white会多执行一次
			var j=0
			while(j<10){
				console.log(j)
				j++
			}
			var k=0
//			!!!do...while无论如何都会执行一次
//			for循环和while循环,都是先判断,在执行
				do{
					console.log("k",k)
					k++;
				}while(k<0)
				console.log("k循环后为",k)
				
			document.write("<table>");  
			for(var l=9;l>0;l--){
				document.write("<tr>")
				for(var m=9;m>0;m--){
					console.log('l'+l)
					console.log("m="+m)
					document.write("<td>")
						if(m>=l){
							document.write(l+"X"+m+"="+(l*m))
						}
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>"); 
			
			document.write("<table>");  
			for(var o=1;o<=9;o++){
				document.write("<tr>")
				for(var p=9;p>0;p--){
					console.log('o'+o)
					console.log("p="+p)
					document.write("<td>")
						if(p>=o){
							document.write(o+"X"+p+"="+(o*p))
						}
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>"); 
//			for(var l=1;l<9;l++){
//				for(var m=1;m<l;m++){
//					console.log('l'+l)
//					console.log("m="+m)
//					document.write(l+"*"+m+"="+(l*m))
//				}
//				document.write("<br>")
//			}
			
			document.write("<table>");  
			for(var e=9;e>0;e--){
				document.write("<tr>")
				for(var r=1;r<=9;r++){
					console.log('e'+e)
					console.log("r="+r)
					document.write("<td>")
						if(r>=e){
							document.write(e+"X"+r+"="+(e*r))
						}
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>"); 
			
			document.write("<table>");  
			for(var q=1;q<=9;q++){
				document.write("<tr>")
				for(var w=1;w<=9;w++){
					console.log('q'+q)
					console.log("w="+w)
					document.write("<td>")
						if(w>=q){
							document.write(q+"X"+w+"="+(q*w))
						}
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>"); 
			
			
		</script>
			
	</body>
</html>
